<div>
    <div>
        <h1 class="page-title">网站资源监控参数设置</h1>
    </div>
    <div id="update-content" class="select-param">
        <form class="layui-form layui-form-pane"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
            <div class="layui-form-item">
                <label class="layui-form-label">截止时间</label>
                <div class="layui-input-block">
                    <!-- ko if: param.actionId() -->
                    <div class="layui-form-label">已绑定具体抓取任务</div>
                    <!-- /ko -->
                    <!-- ko if: !param.actionId() -->
                    <input type="text" id="search-time" autocomplete="off" class="layui-input" />
                    <!-- /ko -->
                </div>
            </div>
            <div class="discribe-content">
                需要搜索的内容的截止时间，后台将会自动匹配在这个时间之前的并且最接近这个时间的抓取计划进行搜索。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">状态码不包含</label>
                <div class="layui-input-block">
                    <input type="text" name="name" data-bind="value: param.codeArrayExclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该排除的状态码，一般而言，200 代表成功，404 代表找不到（死链），503 代表服务器拒绝返回，
                其中 1001 是自定义状态码，代表请求发生异常，大部分原因是该链接不是有效的网址或者请求发生异常（如超时，目标链接不可用等）。<br />
                此项如果输入&nbsp;200,201&nbsp;（多个状态码使用英文逗号分隔）则代表查询状态码既不是 200 也不是 201 的项。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">状态码包含</label>
                <div class="layui-input-block">
                    <input type="text" name="roleName" data-bind="value: param.codeArrayInclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该包含的状态码，状态码含义与“状态码不包含”项一样。<br />
                此项如果输入&nbsp;404,1001&nbsp;（多个状态码使用英文逗号分隔）则代表查询状态码可能是 404 或 1001 的项。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">主机头不包含</label>
                <div class="layui-input-block">
                    <input type="text" name="roleName" data-bind="value: param.hostExclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该排除的主机头，可以使用 * 匹配 0 到多个字符和使用 ? 匹配单个字符。<br />
                此项如果输入&nbsp;*.heshan.gov.cn,www.baidu.com&nbsp;（多个状态码使用英文逗号分隔）
                则代表查询主机头既不以&nbsp;heshan.gov.cn&nbsp;结尾也不是&nbsp;heshan.gov.cn&nbsp;的项。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">主机头包含</label>
                <div class="layui-input-block">
                    <input type="text" name="roleName" data-bind="value: param.hostInclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该包含的主机头，可以使用 * 匹配 0 到多个字符和使用 ? 匹配单个字符。<br />
                此项如果输入&nbsp;*.heshan.gov.cn,www.baidu.com&nbsp;（多个状态码使用英文逗号分隔）
                则代表查询主机头既有可能以&nbsp;heshan.gov.cn&nbsp;结尾也有可能是&nbsp;heshan.gov.cn&nbsp;的项。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">协议不包含</label>
                <div class="layui-input-block">
                    <input type="text" name="roleName" data-bind="value: param.protocolExclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该排除的协议，可以使用 * 匹配 0 到多个字符和使用 ? 匹配单个字符。<br />
                此项如果输入&nbsp;http*,mailto&nbsp;（多个状态码使用英文逗号分隔）
                则代表查询主机头既不以&nbsp;http&nbsp;开头也不是&nbsp;mailto&nbsp;的项。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">协议包含</label>
                <div class="layui-input-block">
                    <input type="text" name="roleName" data-bind="value: param.protocolInclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该包含的协议，可以使用 * 匹配 0 到多个字符和使用 ? 匹配单个字符。<br />
                此项如果输入&nbsp;http*,mailto&nbsp;（多个状态码使用英文逗号分隔）
                则代表查询主机头既有可能以&nbsp;http&nbsp;开头也有可能是&nbsp;mailto&nbsp;的项。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">链接地址不包含</label>
                <div class="layui-input-block">
                    <input type="text" name="name" data-bind="value: param.urlExclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该排除的链接地址，可以使用 * 匹配 0 到多个字符和使用 ? 匹配单个字符。<br />
                此项如果输入&nbsp;http://www.baidu.com/,http://www.heshan.gov.cn/*&nbsp;（多个状态码使用英文逗号分隔）
                则代表查询主机头既不是&nbsp;http://www.baidu.com/&nbsp;也不以&nbsp;http://www.heshan.gov.cn/&nbsp;开头的项。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">链接地址包含</label>
                <div class="layui-input-block">
                    <input type="text" name="roleName" data-bind="value: param.urlInclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该包含的链接地址，可以使用 * 匹配 0 到多个字符和使用 ? 匹配单个字符。<br />
                此项如果输入&nbsp;http://www.baidu.com/,http://www.heshan.gov.cn/*&nbsp;（多个状态码使用英文逗号分隔）
                则代表查询主机头既有可能是&nbsp;http://www.baidu.com/&nbsp;也有可能以&nbsp;http://www.heshan.gov.cn/&nbsp;开头的项。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">Content-Type&nbsp;不包含</label>
                <div class="layui-input-block">
                    <input type="text" name="name" data-bind="value: param.typeExclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该排除的&nbsp;Content-Type，可以使用 * 匹配 0 到多个字符和使用 ? 匹配单个字符。<br />
                此项如果输入&nbsp;text/html,image/*&nbsp;（多个状态码使用英文逗号分隔）
                则代表查询&nbsp;Content-Type&nbsp;既不是&nbsp;text/html&nbsp;也不以&nbsp;image/&nbsp;开头的项。<br />
                一般 image/* 代表匹配所有图片。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">Content-Type&nbsp;包含</label>
                <div class="layui-input-block">
                    <input type="text" name="roleName" data-bind="value: param.typeInclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该包含的链接地址，可以使用 * 匹配 0 到多个字符和使用 ? 匹配单个字符。<br />
                此项如果输入&nbsp;text/html,image/*&nbsp;（多个状态码使用英文逗号分隔）
                则代表查询主机头既有可能是&nbsp;text/html&nbsp;也有可能以&nbsp;image/&nbsp;开头的项。<br />
                一般 image/* 代表匹配所有图片。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">referer&nbsp;不包含</label>
                <div class="layui-input-block">
                    <input type="text" name="name" data-bind="value: param.refererExclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该排除的&nbsp;referer，可以使用 * 匹配 0 到多个字符和使用 ? 匹配单个字符。<br />
                此项如果输入&nbsp;lolita,shenshi/*&nbsp;（多个状态码使用英文逗号分隔）
                则代表查询&nbsp;referer&nbsp;既不是&nbsp;lolita&nbsp;也不以&nbsp;shenshi/&nbsp;开头的项。<br />
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">referer&nbsp;包含</label>
                <div class="layui-input-block">
                    <input type="text" name="roleName" data-bind="value: param.refererInclude" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                应该包含的&nbsp;referer，可以使用 * 匹配 0 到多个字符和使用 ? 匹配单个字符。<br />
                此项如果输入&nbsp;lolita,shenshi/*&nbsp;（多个状态码使用英文逗号分隔）
                则代表查询主机头既有可能是&nbsp;lolita&nbsp;也有可能以&nbsp;shenshi/&nbsp;开头的项。<br />
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">最小文件大小（KB）</label>
                <div class="layui-input-block">
                    <input type="text" name="name" data-bind="value: param.minSize" autocomplete="off" class="layui-input" />
                </div>
            </div>
            <div class="discribe-content">
                最小的文件大小，输入&nbsp;-1&nbsp;或者不输入代表不作限制，单位为&nbsp;KB。
            </div>
            <div class="layui-form-item">
                <div style="text-align: center;">
                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="search-submit">查询</button>
                    <button class="layui-btn layui-btn-normal" id="share-url">分享</button>
                    <button class="layui-btn layui-btn-normal" id="share-params-only">只分享参数</button>
                    <button class="layui-btn layui-btn-normal" id="paste-params">粘贴参数</button>
                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="images-submit">图片资源监控</button>
                </div>
                <br />
            </div>
        </form>
    </div>
</div>